<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <div class="form-inline">
                            <div class="form-group">
                                <label>计划状态：</label>
                                <select class="form-control" id="plan_status">
                                    <option value="">全部</option>
                                    <option value="pending">待执行</option>
                                    <option value="executing">执行中</option>
                                    <option value="completed">已完成</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>计划日期：</label>
                                <input type="date" class="form-control" id="plan_date">
                            </div>
                            <a class="btn btn-primary btn-search" title="查询"><i class="fa fa-search"></i> 查询</a>
                            <a class="btn btn-success btn-add" title="添加"><i class="fa fa-plus"></i> 添加计划</a>
                            <a class="btn btn-success btn-export" title="导出"><i class="fa fa-download"></i> 导出</a>
                            <a class="btn btn-warning btn-generate" title="生成数据" href="{:url('scanwork/cost/generateData')}"><i class="fa fa-magic"></i> 生成数据</a>
                        </div>
                    </div>
                    
                    <!-- 计划成本汇总 -->
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-blue"><i class="fa fa-calendar"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">计划总数</span>
                                    <span class="info-box-number" id="total_plans">0</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-green"><i class="fa fa-money"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">计划总成本</span>
                                    <span class="info-box-number" id="total_plan_cost">¥0.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-yellow"><i class="fa fa-clock-o"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">执行中</span>
                                    <span class="info-box-number" id="executing_plans">0</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-red"><i class="fa fa-check"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">已完成</span>
                                    <span class="info-box-number" id="completed_plans">0</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 计划成本明细表格 -->
                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
